<template>
  <div id="app">
    <router-view v-if="!$route.meta.keepAlive"></router-view>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import '~vux/src/styles/1px.less';

body {
  // background-color: #fbf9fe;
  // touch-action: none;
    .flex {
    display: flex;
    align-items: center;
  }
  .flex_sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .flex_sa {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .clearfix:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
}
</style>
